/* 1.背景图：可以移动 */
body{
	/* 背景复合属性：路径地址：相对路径+图片全称 */
	background: url(../img/bg.jpg) no-repeat;
	/* 背景图尺寸属性：数值px|%  宽度X 高度Y */
	background-size: 100% 3078px;
	}
	/* 2.标题 */
h1{
/* 3.熊--空间+背景图--移动 */
		/* 文字放大 */
		font-size: 300px;
		/* 文本字体：华文彩云 */
		font-family: "华文彩云";
		/* 文本加粗：100~900 */
		font-weight: 900;
		/* 文本阴影 ：X Y 模糊尺寸 颜色*/
		text-shadow: 5px 5px 10px #ff0;
		/* 字体颜色 */
		color: #f00;
		/* 透明度 ：0~1*/
		opacity: .6;
  }

#bear{
	width:1000px;
	height:1000px;
	bor der:1px solid red;
	/* 背景图 */
	background:url(../img/bear_1.png) no-repeat;
	/* 背景图占满整个熊空间 */
	background-size: 100% 100%;
	/* 微调定位 */
	position:relative;
	top: -26px;
	left: -161px;
	/* 启动动画 */
	animation: bear 10s linear infinite;
}
	/* 创建关键帧 背景图改变，位置改变，*/
	@keyframes bear{
		0%{
			/* 第一组动画：必须熊原始位置 */
			background:url(../img/bear_1.png) no-repeat;
			/* 背景尺寸 */
			background-size: 100% 100%;
			top: -26px;
			left: -161px;
			transform:rotate(360deg) scale(.2);
		}
		10%{			
			background:url(../img/bear_1.png) no-repeat;
			background-size: 100% 100%;
			top: 200px;
			left: 300px;
			transform:rotate(360deg) scale(1);}
		20%{			
			background:url(../img/bear_2.png) no-repeat;
			background-size: 100% 100%;
			top: 300px;
			left: 500px;}
		30%{			
			
			background:url(../img/bear_3.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
		40%{			
			background:url(../img/bear_4.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
		50%{			
			background:url(../img/bear_5.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
		60%{			
			background:url(../img/bear_6.png) no-repeat;
			top: -26px;
			left: -161px;}
		70%{			
			background:url(../img/bear_7.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
		80%{			
			background:url(../img/bear_8.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
		90%{			
			background:url(../img/bear_9.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
		100%{			
			background:url(../img/bear_10.png) no-repeat;
			background-size: 100% 100%;
			top: -26px;
			left: -161px;}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
